page{
	background-color: #f7f7f7;
	box-sizing: border-box;
	overflow: hidden; 
}
.header{
	overflow: hidden;
    background-color: #fff;
	padding-bottom: ws(15);
    .header-desc{
        display: flex;
        overflow: hidden;
        padding: ws(15);
        margin: ws(15);
        border-radius: ws(10);
        box-shadow: 0 ws(3) ws(15) lighten($main-color, 20%);
		background-color: lighten($main-color, 10%);
        position: relative;
        .header-bg{
            position: absolute;
            width: ws(150);
			height: ws(90);
            bottom: 0;
            right: ws(-9);
			opacity: .9;
        }
        .desc-portrait{
            width: ws(50);
            height: ws(50);
            background-color: #eee;
            margin-left: ws(15);
            overflow: hidden;
            border-radius: 50%;
            
            image{
                width: 100%;
                height: 100%;
            }
        }
        .desc-wapper{
            height: ws(140);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
            flex:1; 
            .name{
                font-size: ws(25);
                margin-bottom: ws(10);
				color: #fff;
            }
            .position{
                display: inline-table;
                position: relative;
                color: rgba(#fff,.7);
                font-size: ws(14);
                padding-top: ws(10);
                overflow:hidden; 
                border-top: 1upx solid rgba(#fff,.3);
            }
        }
    }
}

.list{
	overflow: hidden;
    .item{
        padding: 0 ws(30);
        height: ws(44);
        display: flex;
        align-items: center;
        background-color: #fff;
		&:last-child {
			margin-top: ws(15);
		}
		&:last-child .item-title{
			border-bottom: none;
		}
        .item-icon{
            width: ws(30);
            height: ws(30);
            margin-right: ws(8);
            display: flex;
            align-items: center;
            justify-content: center;
            image{
                width: ws(18);
				height: ws(18);
            }
        }
        .item-title{
            height: ws(44);
            display: flex;
            align-items: center;
            line-height: ws(44);
            overflow: hidden;
            position:relative; 
            flex:1; 
			border-bottom: 1upx solid #eee;
            justify-content: space-between;
            .mui-icon{
                color: #ABABAB;
            }  
        }
    }
}
